<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>默认配置 Configuring defaults-JQUERY MOBILE 1.0正式版中文手册</title>
<meta name="keywords" content="JQUERY MOBILE 1.0正式版中文手册,Jquery Mobile 1.0,Jquery mobile,移动框架开发手册,darklord,JQUERY MOBILE 1.0正式版,JQUERY API,jqmapi,jqm,jquery," />
<meta name="description" content="Jquery mobile中文API站，Jquery mobile 1.0正式版本中文手册，提供最新版Jquery mobile移动web与应用开发帮助。" />
<link rel="stylesheet" type="text/css" href="../style/Jqueryapi.css" tppabs="http://www.jqmapi.com/style/Jqueryapi.css"/>
<script type="text/javascript" src="../style/lib/jquery-1.6.1.min.js" tppabs="http://www.jqmapi.com/style/lib/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../style/jqmapi.js" tppabs="http://www.jqmapi.com/style/jqmapi.js"></script>
<link rel="shortcut icon" href="../images/favicon.ico" />
</head>
<body>
<div class="nav">
<iframe width="250px" scrolling="no" frameborder="0" allowtransparency="true" src="../nav.html" tppabs="http://www.jqmapi.com/nav.html" height="1300px"></iframe>
</div>
<div class="main">
<hr style="color:#595959;" />

<div class="content">
  <h1>与Jquery Mobile自动初始化共同协作 Working with Jquery Mobile's Auto-initialization</h1>
  <div class="desc">
    <div>不像其他的Jq项目，比如jq和jq ui，Jquery Mobile会在加载到增强特性时马上应用它（远早于document.ready事件发生时）。这些特性会基于Jquery Mobile的默认配置应用，是针对默认的情形设计的，他可能符合你的需求，也可能不符合。幸运的是，它很容易设置</div></div>
    <p class="indent"><strong>mobileinit事件</strong></p>
  <div class="desc">
  <div>当Jquery Mobile开始执行时，他就会在document对象上触发mobileinit 事件，所以你可以绑定别的行为来覆盖默认配置。</div></div>
  
<div class="code"> 
    <p>$(document).bind(&quot;mobileinit&quot;, function(){<br />
//覆盖的代码<br />
});<br />
    </p>
</div>
  <p class="indent">因为mobileinit事件是在执行后马上触发，所以你需要在Jquery Mobile加载之前绑定你的事件处理函数，所以我建议你如下安排你的js引用顺序。</p>
  <div class="code"> 
    <p>&lt;script src=&quot;Jquery.js&quot;&gt;&lt;/script&gt;<br />
      &lt;script src=&quot;custom-scripting.js&quot;&gt;&lt;/script&gt;<br />
      &lt;script src=&quot;Jquery-mobile.js&quot;&gt;&lt;/script&gt;<br />
    </p>
</div>

  <p class="indent">在事件绑定内部，你可以设置你的默认配置，或者是使用jq的$.extend方法扩展 $.mobile对象</p>
  <div class="code"> 
    <p>$(document).bind(&quot;mobileinit&quot;, function(){<br />
　$.extend(  $.mobile , {<br />
　foo: bar<br />
　});<br />
});<br />
    </p>
</div>
  <p class="indent"><strong>或者单独设置它</strong></p>
<div class="code"> 
    <p>$(document).bind(&quot;mobileinit&quot;, function(){<br />
　$.mobile.foo = bar;<br />
});</p>
</div>
  <h1> 设置选项</h1>
  <div class="desc">
  <div>以下的默认配置可以通过$.mobile对象重新配置</div></div> 
     
	<h1 class="method">
	  <div class="wg">ns</div>
  		<div class="info">(字符, 默认: ""): </div></h1>
	<p class="indent">按照data-属性格式安排的命名空间，例如：data-role,可以设置为任何东西，默认为空字符串。如果你包含一个面包屑的话用起来会比较明晰，比如 mynamespace-",会映射到 data-mynamespace-foo="...".</p>
<p class="alert">注意：如果你使用了data-命名空间，你需要在主题的css中手动的更新/覆盖一个选择器。按照以下格式把命名空间并并入到命名空间中。</p>
<div class="code"> 
    <p>.ui-mobile [data-<strong>mynamespace</strong>-role=page], .ui-mobile [data-<strong>mynamespace</strong>-role=dialog], .ui-page { ...</p>
</div> 


	<h1 class="method">
	  <div class="wg">autoInitializePage</div>
  		<div class="info"> 布尔值,默认: true</div></h1>
  <p class="indent">当DOM加载完成时，JQM框架会自动调用$.mobile.initializePage方法。如果设为False,page则不会自动初始化，在视觉上就会是隐藏的，直到 $.mobile.initializePage 方法被手动调用。</p>
	<h1 class="method">
	  <div class="wg"> subPageUrlKey </div>
  		<div class="info"> 字符串,默认: “ui-page”</div></h1>

 
 
  <p class="indent">URL参数用来指向那些由组件生成的子页面(比如嵌套的列表)会被解释成例如example.html<strong>&ui-page=</strong>subpageIdentifier。在&ui-page=之前的哈希值会被框架向此URL地址做AJAX请求。</p>
	<h1 class="method">
	  <div class="wg"> activePageClass </div>
  		<div class="info"> 字符串,默认: “ui-page-active”</div></h1>
<p class="indent"> 给当前页面(包括转场中的) 分配class</p>
<h1 class="method">
    <div class="wg">activeBtnClass</div>
  <div class="info"> 字符串,默认: “  ui-btn-active  ”</div></h1>

  <p class="indent">给活动状态的按钮分配class值，该class值必须在css框架中存在</p>
<h1 class="method">
    <div class="wg"> ajaxEnabled </div>
  <div class="info">(布尔值, 默认: true): </div></h1>

<p class="indent"> Jquery Mobile 会自动通过ajax处理链接点击以及表单提交?如果无法处理，url hash 监听将会被禁用，url也会像常规那样发出HTTP 请求. </p>
<h1 class="method">
    <div class="wg"> hashListeningEnabled </div>
  <div class="info">(布尔值, 默认: true): </div></h1>
<p class="indent">Jquery Mobile 会自动监听与处理  location.hash的改变。禁用它会防止Jquery Mobile处理  location.hash的改变。使你可以自己处理他们，或者在文档中用完整的链接地址指到一个特定的id值上。</p>
<h1 class="method">
    <div class="wg"> pushStateEnabled </div>
  <div class="info">(布尔值, 默认: true): </div></h1>
<p class="indent">在支持的浏览器上使用 <strong>history.replaceState</strong>这个增强特性，把基于哈希值的AJAX请求转化为完整的地址。注意，我们建议在AJAX不可用，或者是使用外部链接的的情况下，关闭这个特性。</p>
<h1 class="method">
    <div class="wg"> defaultPageTransition </div>
  <div class="info">字符串,默认: “   slide   ”</div></h1>
<p class="indent"> 设定使用AJAX进行页面转场的默认的转场效果。设为"NONE"的话则默认没有转场的动画。</p>

<h1 class="method">
    <div class="wg"> minScrollBack </div>
  <div class="info">字符串,默认: “   150   ”</div></h1>
<p class="indent">返回一个页面的最小的卷动距离。</p>
<h1 class="method">
    <div class="wg"> loadingMessage </div>
  <div class="info">字符串,默认: “ loading  ”</div></h1>
<p class="indent">页面加载的时候默认显示的文字。设为false的话，提示信息将不显示。</p>
<h1 class="method">
    <div class="wg"> pageLoadErrorMessage </div>
  <div class="info">字符串,默认: “   Error Loading Page    ”</div></h1>
<p class="indent">设置当AJAX加载错误的情况下显示的信息。</p>
<h1 class="method">
    <div class="wg"> gradeA </div>
  <div class="info">(返回一个布尔值, 默认: 返回$.support.mediaquery的值: </div></h1>
  <p class="indent">浏览器必须符合所有支持的条件才会返回 true.</p>
</div>
</div>
</div>
</div>
<iframe id="iFrame1" width="160px" scrolling="no" frameborder="0" allowtransparency="true" src="../adsense_r.html" tppabs="http://www.jqmapi.com/adsense_r.html" onload="this.height=iFrame1.document.body.scrollHeight" ></iframe>
</body>
</html>



